<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>个人中心</title>
		<link rel="stylesheet" href="../css/profile.css">
		<link rel="stylesheet" type="text/css" href="../fonts/iconfont.css">
		<style>
			.iconfont {
				vertical-align: middle;
			}
		</style>
	</head>
	<body>
		<div class="dinwei">
			<div class="heard">
				<div class="content">
					<div class="box1">
						<div class="one">
							<a href="">oppo官网</a>
							<a href="">一加官网</a>
						</div>
						<div class="one-1">
							<a href="" id="act">下载OPPO商城App</a>
							<a href=""><span class="iconfont icon-yonghu-xianxing"></span>&nbsp;&nbsp;倾念დ</a>
							<a href="">我的订单</a>
							<a href="../index.html">退出</a>
							<a href="./cart.html" style="border: none;">&#128722;购物车(2)</a>
						</div>
					</div>
				</div>
			</div>
			<div class="column">
				<div class="content">
					<div class="two">
						<h1>
							<a href="./indextwo.html">
								<img src="../img/9c6f387.png" style="width: 238px;height: 50px; display: inline-block;">
							</a>
						</h1>
						<div class="two1">
							<a href="">OPPO专区</a>
							<a href="">OnePlus专区</a>
							<a href="">智能硬件</a>
							<a href="">服务</a>
						</div>
						<div class="two2">
							<input type="text" placeholder="OPPO K10x">
							<span style="display: inline-block; margin-left:-3px; "><span id="btno"
									style="display: inline-block; margin-left:-3px;"><span
										class="iconfont icon-search"></span></span></span>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="box-er">
				<img src="../img/二维码.jpg" alt="">
				<p>扫描下载OPPO商城App</p>
			</div>
		</div>
		<div class="banner">
			<div class="nav">
				<div class="avatar">
					<a href="">
						<div class="img"></div>
					</a>
					<p><a href="">倾念</a></p>
					<p>账户：155****5036</p>
					<a href="">
						<div class="icon">
							<div class="logo"></div>
							<span>签到</span>
						</div>
					</a>
				</div>
				<div class="guide">
					<ul>
						<li><a href="" style="color: red;">我的订单</a></li>
						<li><a href="">我的评价</a></li>
						<li><a href="">我的积分</a></li>
						<li><a href="">我的优惠券</a></li>
						<li><a href="">我的购物卡</a></li>
						<li><a href="">回收单</a></li>
						<li><a href="">回收代金券</a></li>
						<li><a href="">领券中心</a></li>
						<li><a href="./address.html">收货地址</a></li>
						<li><a href="">发票抬头</a></li>
						<li><a href="">积分抵现</a></li>
						<li><a href="./personal data.html">账户管理</a></li>
					</ul>
				</div>
			</div>
			<div class="main">
				<div class="menu">
					<ul id="menu">
						<li style="border-bottom: 5px solid red; color: red;">全部</li>
						<li>代付款</li>
						<li>代发货</li>
						<li>以发货</li>
						<li>待评价</li>
						<li style="width: 67px;">退换/售后</li>
					</ul>
				</div>
				<div class="order">
					<div class="orderbox1">
						<a href="" style="color: rgba(0, 0, 0, 0.5);">订单号：220922201989957210</a>
						<a href="" style="float: right;color: red;">已签收</a>
					</div>
					<div class="orderbox2">
						<div class="box2">
							<div class="info">
								<a href=""><img src="../img/findx5pro.png" alt=""></a>
							</div>
							<div class="infoone">
								<div class="info1">
									<div class="detail">
										<p><a href="./commodity.html">OPPO Find X5 Pro 白瓷 12G+512G 加99元享399元50W无线充</a>
										</p>
									</div>
									<div class="detailmeny">
										<p>￥6089</p>
									</div>
									<div class="detailone">
										<p>×<span>1</span></p>
									</div>
									<div class="detailtwo" id="info">订单详情&nbsp;&nbsp;&nbsp;></div>
								</div>
								<div class="info2">
									<div class="info2one">
										<p>七天保价</p>
									</div>
									<div class="info2two">
										<p>七天无理由退货</p>
									</div>
								</div>
							</div>

						</div>
						<div class="orderbox3">
							<div class="gift">
								<p><a href="">赠品</a></p>
							</div>
							<div class="gift-info">
								<a href=""><img src="../img/充电必备.png" alt=""></a>
								<span class="txt"><a href="">AIRVOOC 50W 无线闪充充电器 白色</a></span>
								<a href="">
									<p class="txt2">×<span>1</span></p>
								</a>
							</div>
						</div>
					</div>
					<div class="orderbox2">
						<div class="box2">
							<div class="info">
								<a href=""><img src="../img/profile/encox2黑.png" alt=""></a>
							</div>
							<div class="infoone">
								<div class="info1">
									<div class="detail">
										<p style="margin-top: 14px;"><a href="">OPPO Enco X2 镜夜黑 有线充版</a></p>
									</div>
									<div class="detailmeny">
										<p>￥799<s style="margin-left: 20px; color: rgba(0, 0, 0, 0.5);">￥899</s></p>
									</div>
									<div class="detailone">
										<p>×<span>1</span></p>
									</div>

								</div>
								<div class="info2">
									<div class="info2one">
										<p>七天保价</p>
									</div>
									<div class="info2two">
										<p>七天无理由退货</p>
									</div>
								</div>
							</div>

						</div>
						<div class="orderbox3">
							<div class="gift">
								<p><a href="">赠品</a></p>
							</div>
							<div class="gift-info">
								<a href=""><img src="../img/profile/encox2黑耳帽.png" alt=""></a>
								<span class="txt"><a href="">OPPO Enco X2 记忆海绵耳帽 黑色</a></span>
								<a href="">
									<p class="txt2">×<span>1</span></p>
								</a>
							</div>
						</div>
					</div>

					<div class="confirm">
						<a href="" style="color: rgba(0, 0, 0, 0.5);font-size: 14px; float: left;">交易时间:2022-09-22
							20:25:21</a>
						<p class="price">共4件商品 待付款 <span class="txt3">￥6820.35</span></p>
						<a href="./cart.html">
							<div class="conprice">
								再次购买
							</div>
						</a>
					</div>
				</div>
				<div class="order2 hide">
					<img src="../img/profile/手提包.png" alt="">
					<p>没有此类订单</p>
					<a href="./indextwo.html">
						<div class="stroll">去商场逛逛</div>
					</a>
				</div>
			</div>
			<div class="main2">
				<div class="fan">
					<a href="">
						<&nbsp;&nbsp;&nbsp;&nbsp;返回 </a>
				</div>
				<div class="qiansou">已签收</div>
				<div class="zici">
					<div class="ziciimg">
						<img src="../img/findx5pro.png" alt="">
					</div>
					<div class="ziciinfo">
						<p>商品已签收，感谢您的支持</p>
						<p class="txt4">展开物流信息</p>
					</div>
					<div class="wuliu hide">
						<div class="sunfen">
							<p>物流公司：顺丰快递</p>
							<p>
								物流单号：SF1334714845137
								<a href=""><span class="fuzi">复制</span></a>
							</p>
						</div>
						<div class="xinxi">
							<h3>仓库打包中</h3>
							<p>您的订单正在仓库打包中</p>
							<p>2021-01-25 19:25:00</p>
							<h3>已下单</h3>
							<p>您的商品已成功下单</p>
							<p>2021-01-25 19:17:09</p>
						</div>
					</div>
				</div>
				<div class="dizi">
					<p>赵诣深 15587325036</p>
					<p>山东省济宁市金乡县鱼山街道阳光花园9号楼2单元401</p>
				</div>
				<div class="order" style="padding-right: 45px;">
					<div class="orderbox1">
						<a href="" style="color: rgba(0, 0, 0, 0.5);">商品详情</a>
					</div>
					<div class="orderbox2">
						<div class="box2">
							<div class="info">
								<a href=""><img src="../img/findx5pro.png" alt=""></a>
							</div>
							<div class="infoone">
								<div class="info1">
									<div class="detail">
										<p><a href="">OPPO Find X5 Pro 白瓷 12G+512G 加99元享399元50W无线充</a></p>
									</div>
									<div class="detailmeny">
										<p>￥6089</p>
									</div>
									<div class="detailone">
										<p>×<span>1</span></p>
									</div>

								</div>
								<div class="info2">
									<div class="info2one">
										<p>七天保价</p>
									</div>
									<div class="info2two">
										<p>七天无理由退货</p>
									</div>
								</div>
							</div>

						</div>
						<div class="orderbox3">
							<div class="gift">
								<p><a href="">赠品</a></p>
							</div>
							<div class="gift-info">
								<a href=""><img src="../img/充电必备.png" alt=""></a>
								<span class="txt"><a href="">AIRVOOC 50W 无线闪充充电器 白色</a></span>
								<a href="">
									<p class="txt2">×<span>1</span></p>
								</a>
							</div>
						</div>
					</div>
					<div class="orderbox2">
						<div class="box2">
							<div class="info">
								<a href=""><img src="../img/profile/encox2黑.png" alt=""></a>
							</div>
							<div class="infoone">
								<div class="info1">
									<div class="detail">
										<p style="margin-top: 14px;"><a href="">OPPO Enco X2 镜夜黑 有线充版</a></p>
									</div>
									<div class="detailmeny">
										<p>￥799<s style="margin-left: 20px; color: rgba(0, 0, 0, 0.5);">￥899</s></p>
									</div>
									<div class="detailone">
										<p>×<span>1</span></p>
									</div>

								</div>
								<div class="info2">
									<div class="info2one">
										<p>七天保价</p>
									</div>
									<div class="info2two">
										<p>七天无理由退货</p>
									</div>
								</div>
							</div>

						</div>
						<div class="orderbox3">
							<div class="gift">
								<p><a href="">赠品</a></p>
							</div>
							<div class="gift-info">
								<a href=""><img src="../img/profile/encox2黑耳帽.png" alt=""></a>
								<span class="txt"><a href="">OPPO Enco X2 记忆海绵耳帽 黑色</a></span>
								<a href="">
									<p class="txt2">×<span>1</span></p>
								</a>
							</div>
						</div>
					</div>
				</div>
				<div class="xiangqin">
					<p>商品总额<span style="float: right;">￥6997</span></p>
					<p>限时补贴<span style="float: right;">-￥100</span></p>
					<p>优惠券<span style="float: right;">-￥20</span></p>
					<p>政府消费补贴(95折)<span style="float: right;">-￥39.45</span></p>
					<p>运费<span style="float: right;">￥0</span></p>
					<p>积分抵扣<span style="float: right;">-￥17.2</span></p>
					<p>实付款<span style="float: right;">¥6820.35</span></p>
				</div>
				<div class="equity">
					<h3>商城独享权益</h3>
					<p>签收 7 天后，未转让的权益发放到下单帐户，已转让的成长值由手机使用者去“我的 OPPO”或“我的一加”App 领取</p>
				</div>
				<div class="logos">
					<p><img src="../img/profile/积分.png" alt=""><span>1365分</span></p>
					<p class="txt5"><img src="../img/profile/成长值.png" alt=""><span>7544分</span></p>
				</div>
				<div class="fapiao">
					<p>订单号<span style="margin-left: 67px; margin-top: 15px;">220922201989957210</span>
						<a><span class="fuzi">复制</span></a>
					</p>
					<p>下单时间<span style="margin-left: 50px;">2022.09.22 20:25:21</span></p>
					<p>支付状态<span style="margin-left: 50px; color: red;">已付款</span></p>
					<p>支付方式<span style="margin-left: 50px;">在线支付</span></p>
					<p>配送方式<span style="margin-left: 50px;">快递</span></p>
					<p>发票抬头<span style="margin-left: 50px;">个人</span></p>
					<p>发票类型<span style="margin-left: 50px;">电子普通发票</span></p>
				</div>
				<div class="total">
					<p>合计<span style="color: red; font-size: 28px;">￥6820.35</span>
						<span class="totalone"><a href="./cart.html">再次购买</a></span>
					</p>
				</div>
			</div>
		</div>
		<div class="footer">
			<div class="content">
				<div class="footer-box1">
					<ul>
						<li>
							<img src="../img/全国联保.png" alt="">
							<p>全国联保</p>
						</li>
						<li>
							<img src="../img/七天无理由logo.png" alt="">
							<p>七天无理由退货</p>
						</li>
						<li>
							<img src="../img/官方换货.png" alt="">
							<p>官方换货保障</p>
						</li>
						<li>
							<img src="../img/满包.png" alt="">
							<p>满69包邮</p>
						</li>
						<li style="margin-right: 0;">
							<img src="../img/零售网点.png" alt="">
							<p>900+家零售网点</p>
						</li>
					</ul>
				</div>
				<div class="list">
					<ul>
						<li>OPPO</li>
						<li><a href="">Find N 全新折叠屏</a></li>
						<li><a href="">OPPO Find X5 Pro</a></li>
						<li><a href="">OPPO Find X5</a></li>
						<li><a href="">OPPO Reno 8 pro+</a></li>
						<li><a href="">OPPO Reno 8 pro</a></li>
						<li><a href="">OPPO Reno 8</a></li>
						<li><a href="">OPPO Reno 7</a></li>
						<li><a href="">OPPO K10x</a></li>
						<li><a href="">OPPO K10</a></li>
					</ul>
					<ul>
						<li>一加</li>
						<li><a href="">一加 Ace Pro</a></li>
						<li><a href="">一加 Ace</a></li>
						<li><a href="">一加 Ace 竞速版</a></li>
						<li><a href="">一加 10 Pro</a></li>
						<li><a href="">一加 9RT</a></li>
						<li><a href="">一加手表</a></li>
						<li><a href="">一加 Buds Pro</a></li>
						<li><a href="">一加 Buds Z2</a></li>
					</ul>
					<ul>
						<li>智能硬件</li>
						<li><a href="">OPPO Watch 3</a></li>
						<li><a href="">OPPO 手环 2</a></li>
						<li><a href="">OPPO Watch 2</a></li>
						<li><a href="">OPPO Pad</a></li>
						<li><a href="">OPPO Pad Ari</a></li>
						<li><a href="">OPPO Enco X2</a></li>
						<li><a href="">OPPO Enco Ari2 pro</a></li>
						<li><a href="">OPPO Enco Ari2</a></li>
					</ul>
					<a href="">
						<div class="scrvice"><span class="logo1"><span
									class="iconfont icon-customer-service"></span></span> <span>在线客服</span></div>
					</a>
				</div>
				<div class="footer-footer">
					<p>© 2004-2022 OPPO 版权所有<a href="">粤ICP备14056724号 </a>| <a href="">隐私政策</a>|<a href=""> 用户使用协议</a>|
						<a href="">资质证照</a>| <a href="">知识产权</a>
					</p>
					<br>
					<p><img src="../img/警徽.png" alt=""><a href="" style="margin-left: 15px;">粤公安网备44190002001939号</a>
					</p>
				</div>
			</div>
		</div>


		<div class="soo hide">
			<div class="content">
				<img src="../img/9c6f387.png" alt="" width="238px" height="50px">
				<img src="../img/login/x.png" alt="" width="24px" height="24px" style="float: right;margin-right: 290px;
		    margin-top: 20px;" id="xs">
				<input type="text" placeholder="OPPO Reno 8 " id="lol" value="">
				<button id="lkl">搜索</button>
				<div class="pop">
					<ul>
						<li class="tyt">OPPPO Reno 8</li>
						<li class="tyt">OPPO Find X5</li>
						<li class="tyt">OPPO K10</li>
						<li class="tyt">OPPO Watch3</li>
						<li class="tyt">一加 Ace</li>
					</ul>
				</div>
				<div class="opo">
					<p>搜索发现</p>
					<ul>
						<li>OPPPO Reno 8 <span>热</span></li>
						<li>OPPO Find X5 <span>热</span></li>
						<li>OPPO K10 <span>热</span></li>
						<li>OPPO Watch3 <span>热</span></li>
						<li>一加 Ace <span>热</span></li>
					</ul>
				</div>
				<div class="jk hide">
					<p><span style="color: red; border-bottom:1px solid red; padding-bottom: 8px;">综合</span><span
							style="margin-left:50px; color: rgba(0, 0, 0, 0.5);">最新</span><span
							style="margin-left:50px; color: rgba(0, 0, 0, 0.5);">价格</span>
					</p>
					<div class="jkj">
						<div class="recommend">
							<ul>
								<a href="../html/opporeno8pro+.html">
									<li style="margin-left: 15px;" title="OPPO Reno8 Pro+ 12G+256G 逍遥青 官方标配">
										<img src="../img/8pro+.png" alt="">
										<p style="color: black;">OPPO Reno8 Pro+ 12G+...</p>
										<div class="hhh" style="color: black;">满700减10</div>
										<p style="color: red; font-size: 28px; margin-top: 20px;">￥3989</p>
									</li>
								</a>
								<li title="OPPO Reno8 Pro 8G+256G 微醺 官方标配">
									<img src="../img/8pro.png" alt="">
									<p>OPPO Reno8 Pro 8G+...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥3199</p>
								</li>
								<li title="OPPO Reno7 官方标配 星雨心愿 8G+128G
		">
									<img src="../img/7.png" alt="">
									<p>OPPO Reno7 官方标配 星雨...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥2699</p>
								</li>
								<a>
									<li title="OPPO Reno7 SE 晨曦金 8G+256G">
										<img src="../img/7se.png" alt="">
										<p style="color: black;">OPPO Reno7 SE 晨曦金...</p>
										<div class="hhh" style="color: black;">满700减10</div>
										<p style="color: red; font-size: 28px; margin-top: 20px;">￥2399</p>
									</li>
								</a>
								<li title="OPPO Reno7 Pro 官方标配 暮雪金 12G+256G" style="margin-left: 15px;">
									<img src="../img/7pro.png" alt="">
									<p>OPPO Reno7 Pro 官方标配...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥3999</p>
								</li>
								<li title="
		OPPO Reno8 微醺 8G+128G 官方标配
										">
									<img src="../img/8.png" alt="">
									<p>OPPO Reno8 微醺 8G+128G...</p>
									<div class="hhh">满700减10</div>
									<p style="color: red; font-size: 28px; margin-top: 20px;">￥2499</p>
								</li>
							</ul>

						</div>
					</div>
				</div>
			</div>
		</div>





		<script src="../js/profile.js"></script>
	</body>
</html>
